@import './common';
page{
	background-color:#F3F4F7;
}

.page{
	box-sizing:border-box;
	padding: setSize(60) setSize(24);

	.media-image{

		.img-box{
			margin-bottom: setSize(20);

			&:nth-of-type(odd){
				box-sizing:border-box;
				padding-right: setSize(11);
			}

			&:nth-of-type(even){
				box-sizing:border-box;
				padding-left: setSize(11);
			}

			.img{
				display: block;
				width:setSize(340);
				height:setSize(191);
				border-radius:setSize(4);
			}
		}
	}

	.media-video{

		.video-wrap{
			margin-bottom: setSize(20);

			.video-box{

				.video{
					display: block;
					width: 100%;
					height: setSize(395);
				}
			}

			.title-box{
				box-sizing:border-box;
				padding:setSize(28) setSize(32);
				background-color:#fff;
				border-bottom-left-radius:setSize(8);
				border-bottom-right-radius:setSize(8);

				.title{
					margin-right: setSize(20);
					font-size:setSize(26);
					font-weight:400;
					color:rgba(51,51,51,1);
					@include ellipsis;
				}

				.text{
					font-size:setSize(22);
					font-weight:400;
					color:rgba(133,134,136,1);
				}
			}
		}
	}
}